﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>

    <link href="../Content/StyleSheet1.css" rel="stylesheet" />
    <link href="../BootstrapSouce/css/bootstrap.min.css" rel="stylesheet" />
    <script src="../BootstrapSouce/js/jquery.min.js"></script>
    <script src="../BootstrapSouce/js/bootstrap.min.js"></script>
    <script src="../Scripts/jquery-1.8.2.min.js"></script>
    <script>
        $(document).ready(function () {
            var a = Array();
            $.ajax({
                type: "get",
                url: "/Nav/imgshow",
                success: function (data) {
                    $(data).each(function (i, obj) {
                        a.push(obj.Imgurl);
                    })
                    $("#img1").append('<img src="' + a[0] + '" style="width:100%; height:413px;" />')
                    $("#img2").append('<img src="' + a[1] + '" style="width:100%; height:413px;" />')
                    $("#img3").append('<img src="' + a[2] + '" style="width:100%; height:413px;" />')
                }
            })
        })
    </script>
</head>
<body>
    <!--图片切换-begin-->
    <div id="myCarousel" class="carousel slide" >
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div id="img1" class="item active" style="height:413px">
                 <!--<img src="../Content/img/img/silder_img101.jpg" alt="First slide" style="width:100%; height:413px;" />-->
            </div>
            <div id="img2" class="item">

                <!--<img src="../Content/img/img/silder_img102.jpg" alt="First slide" style="width:100%; height:413px;" />-->
            </div>
            <div id="img3" class="item">
                <!--<img src="../Content/img/img/silder_img103.jpg" alt="First slide" style="width:100%; height:413px;" />-->
            </div>
        </div>
        <a class="carousel-control left" href="#myCarousel" data-slide="prev"><</a>
        <a class="carousel-control right" href="#myCarousel" data-slide="next">></a>
    </div>
    <!--图片切换-end-->
</body>
</html>
